<template>
  <div>
    <button @click="getMenusData">获取菜单列表数据</button>
  </div>
</template>

<script>
// import axios from 'axios'
import { getMenus } from '@/api/home'
export default {
  methods: {
    // 直接使用axios（存在一些问题的）
    // getMenusData () {
    //   // 调用什么请求，就.出什么方法，它的返回值是一个promise对象
    //   axios.get('https://huangjiangjun.top:3002/api/menu/list').then(res => {
    //     console.log('---res---', res)
    //   })
    // }
    // 使用promise then 的方式
    // getMenusData () {
    //   getMenus().then(res => {
    //     console.log('---res---', res)
    //   })
    // }
    async getMenusData () {
      const res = await getMenus()
      console.log('---res---', res)
    }
  }
}
</script>
